﻿@model IEnumerable<dashboard.models.instrumentview>

@{
    ViewBag.Title = "Registered instruments";
}

<br/>

<ul class="nav nav-tabs">
    <li class="active"><a href="#registeredInstruments" data-toggle="tab">Registered instruments</a></li>
    <li><a href="#instrumentsActivity" data-toggle="tab">Instruments activity</a></li>
    <li><a href="#networksActivity" data-toggle="tab">Networks activity</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="registeredInstruments">
        <h3>Registered instruments <small>in Mosaic</small></h3>
        <table class="table table-striped table-condensed">
            <tr>
                <th>
                    @Html.DisplayNameFor(model => model.NetworkName)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Name)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.SerialNumber)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.ConnectSpeed)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.LastSync)
                </th>
            </tr>

            @foreach (var item in Model)
            {
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.NetworkName)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Name)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.SerialNumber)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.ConnectSpeed)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.LastSync)
                    </td>
                </tr>
            }
        </table>
    </div>
    <div class="tab-pane" id="instrumentsActivity">
        <h3>Instruments <small>daytime activity</small></h3>
    </div>
    <div class="tab-pane" id="networksActivity">
        <h3>Networks <small>daytime activity</small></h3>
    </div>
</div>
